<template>
  <div>
    <m-choose-time
      :startOptions="startOptions"
      @startChange="startChange"
      @endChange="endChange"
    ></m-choose-time>
    <br />
    <br />
    <m-choose-date
      :disableToday="false"
      :startOptions="startOptions"
      @startChange="dateStartChange"
      @endChange="dateEndChange"
    ></m-choose-date>
  </div>
</template>

<script setup>
import { ref } from 'vue'

// Event handlers
const startChange = (val) => {}

const endChange = (val) => {}

const dateStartChange = (val) => {}

const dateEndChange = (val) => {}

// Options for start and end
const startOptions = {
  // size: 'mini',
  // clearable: false
}
</script>
